// 从react里面解构的东西，大写字母开头的都是组件，小写字母开头的都是函数
// import React, { Component, Fragment } from "react";
import React, { Component } from "react";

import Header from "./Header";
import Footer from "./Footer";

// 创建了App根组件
// 建议组件的文件也是大写字母开头，并且使用jsx后缀，用于区分js方法文件
class App extends Component {
  render() {
    // 一个组件必须只能有一个根元素
    // Fragment是react提供的一个组件，相当于是一个空的占位标签
    return (
      <>
        <div>这是app根组件</div>
        <Header />
        <Footer />
      </>
    );
  }
}

// 暴露App组件
export default App;
